export default {
  rectangle: (id) => {
    return {
      width: 100,
      height: 40,
      attrs: {
        body: {
          stroke: '#8f8f8f',
          strokeWidth: 1,
          fill: 'transparent',
          rx: 6,
          ry: 6
        },
        label: {
          text: '',
          fill: '#8f8f8f'
        }
      },
      data: ''
    }
  },
  circle: (id) => {
    return {
      width: 60,
      height: 60,
      shape: 'circle',
      attrs: {
        body: {
          stroke: '#8f8f8f',
          strokeWidth: 1,
          fill: 'transparent'
        },
        label: {
          text: '',
          fill: '#8f8f8f'
        }
      },
      data: ''
    }
  },
  ellipse: (id) => {
    return {
      shape: 'ellipse',
      width: 120,
      height: 60,
      attrs: {
        body: {
          stroke: '#8f8f8f',
          strokeWidth: 1,
          fill: 'transparent'
        },
        label: {
          text: '',
          fill: '#8f8f8f'
        }
      },
      data: ''
    }
  },
  rhombus: (id) => {
    return {
      shape: 'polygon',
      width: 80,
      height: 80,
      attrs: {
        body: {
          stroke: '#8f8f8f',
          strokeWidth: 1,
          fill: 'transparent',
          refPoints: '0,10 10,0 20,10 10,20'
        },
        label: {
          text: '',
          fill: '#8f8f8f'
        }
      },
      data: ''
    }
  },
  star: (id) => {
    return {
      shape: 'polygon',
      width: 80,
      height: 80,
      points: '26.934,1.318 35.256,18.182 53.867,20.887 40.4,34.013 43.579,52.549 26.934,43.798 10.288,52.549 13.467,34.013 0,20.887 18.611,18.182',
      attrs: {
        body: {
          stroke: '#8f8f8f',
          strokeWidth: 1,
          fill: 'transparent'
        },
        label: {
          text: '',
          fill: '#8f8f8f'
        }
      },
      data: ''
    }
  },
  text: (id) => {
    return {
      width: 100,
      height: 40,
      label: 'text',
      attrs: {
        text: {
          fontSize: 20
        },
        label: {
          text: 'text',
          fill: '#8f8f8f'
        }
      },
      markup: [
        {
          tagName: 'text',
          selector: 'label'
        }
      ],
      data: ''
    }
  },
  arrdown: (id) => {
    return {
      shape: 'polygon',
      width: 40,
      height: 200,
      points: '20,0 30,30 24,30 24,200 16,200 16,30 10,30 20,0',
      attrs: {
        body: {
          stroke: '#ff0000',
          strokeWidth: 1,
          fill: '#ff0000'
        },
        label: {
          text: '',
          fill: '#8f8f8f'
        }
      },
      data: ''
    }
  }
}
